<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2018/9/12 0012
  Time: 14:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    nav {
        width: 40%;
        margin: auto; /*让当前nav居中*/
    }

    header {
        margin: 0 auto;
        background-color: #ffc900;
    }

    header nav ul {
        /*border: 1px red solid;*/
    }

    header nav ul li {
        float: left;
        list-style: none;
        padding: 10px;
    }
    header nav ul li:hover{
        cursor: pointer;
        background-color: #fff;
        border-radius: 3px;
        padding: 5px;
        margin: 5px;
    }
    a {
        text-decoration: none;
        color: #3D3D3D;
        font-family:  "pingfang sc","Microsoft YaHei",simsun;;
    }
</style>
<header>
    <nav>
        <ul class="clearfix">
            <li><a href="/home">首页</a></li>
            <li><a href="/train">火车票预订</a></li>
            <li><a href="/air">飞机票预订</a></li>
            <li><a href="/trip">我的旅行</a></li>
            <li><a href="/about">关于我们</a></li>
        </ul>
    </nav>
</header>